<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
	</head>
	<body>

		<!--aside-->	
		<aside>
			<img class="logo" src="img/logo.jpg"/>
			<p class="a_i">一手全球好货</p>
		</aside>
		<!--banner-->
		<div class="banner">
			<div class="interface">
				<h2>达鹿会员</h2>
				<div class="nav">
					<a href="#" class="login" id="login">登录</a>
					<a href="#" class="register" id="register">注册</a>
				</div>
				<form>
					<div class="login_all">
						<span class="icon1"></span><input type="text" id="phone" name="phone" class="phone" placeholder="请输入您的手机号码"/><span class="phoneMsg" id="phoneMsg">请输入正确的手机号</span><span id="phoneMe"></span>
					</div>
					<div class="login_all">
					<span class="icon2"></span><input type="text" id="check" class="check" placeholder="请输入验证码"/>
					<span class="checkMsg" id="checkMsg">验证码错误</span>
						<a href="#" class="getNote" id="getNote">获取验证码</a>
					</div>
					
					<!--<div class="login_all">-->
					<!--<span class="icon3"></span><input type="text" id="note" class="note" placeholder="请输入短信验证码"/>-->
					<!--<span class="noteMsg" id="noteMsg">验证码错误</span>-->
					<!--<a href="#" class="getNote" id="getNote">获取验证码</a>-->
					<!--</div>-->
					
					<div class="login_last" id="login_last">
					<span class="icon2"></span><input type="password" id="password" class="phone" name="password"
						placeholder="请输入密码"/>
					<span class="passMsg" id="passMsg">密码格式错误</span><span id="passMe"></span>
					</div>
					<div class="deal" id="deal">
						<!--<input type="checkbox" />我已阅读并同意<a href="#">《达鹿用户注册协议》</a>-->
					</div>
					
					<button type="button" class="login_btn" id="login_btn" value="登录" >登录</button>
					<button type="button" class="login_btn register_btn" id="register_btn" value="注册">注册</button>
				</form>
			</div>
		</div>
		<!--footer-->
		<footer>
			<div class="f_top">
				<ul>
					<li>
						为什么选择达鹿
						<span></span>
					</li>
					<li>
						<span></span>
						100多个品牌授权
					</li>
					<li>
						<span></span>
						24小时内发货
					</li>
				
					<li>
						<span></span>
						保税区正品
					</li>
				</ul>
			</div>
			<div class="f_center">
				<div class="c_left">
					<p class="c_text1">投资人说达鹿</p>
					<p class="c_text2">“hi，达鹿，我是投资人，投资比影响力更重要的是责任。”</p>
				</div>
				<div class="c_right">
					<p class="c_text1">投资人说达鹿</p>
					<p class="c_text2">“达鹿™一手全球好货--带您购全球,教您神马值得买。
                	连续两年荣获App store 编辑推荐最佳购物类应用！”</p>
				</div>
			</div>
			<div class="f_bottom">
				<div class="bottom_t">
					<a href="#">首页</a> | 
					<a href="#">网站地图</a> | 
					<a href="#">消费者告知书</a> | 
					<a href="#">优惠券使用规则</a> | 
					<a href="#">退换货使用说明</a> | 
					<a href="#">关于我们</a>  | 
					<a href="#">联系我们</a>
				</div>
				<div class="bottom_c">
					北京普缇客科技有限公司&nbsp;
					<img src="img/cert.png"/>
					<img src="img/cnnic.png"/>
					<img src="img/ico_zfb.jpg"/>
				</div>
				<div class="bottom_b">
					Copyright © 2016达鹿 ，All Rights Reserved │ 京ICP备14009583号-1 │ 京公网安备11010502027399 | 食品流通许可证编号：SP1101051510323113
				</div>
			</div>
		</footer>
	</body>
</html>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookieTools.js" type="text/javascript" charset="utf-8"></script>
<!--<script type="text/javascript">
	$(function(){
		$("#phone").blur(function(){
			$.ajax({
				type:"get",
				url:"php/register.php",
				async:true,
				data:{
					userPhone:$(this).val()
				},
				success:function(data){
					if(data=="1"){
					$("#phoneMe").html("用户名已经存在");
					}else if(data=="0"){
					$("#phoneMe").html("用户名可用");
					}else if(data=="-1"){
					$("#phoneMe").html("服务器端异常");
					}
				}	
			});
		});
	});
	$(function(){
		$("#register_btn").click(function(){
			$.ajax({
				type:"post",
				url:"php/saveRegister.php",
				async:true,
				data:{
					userPhone:$("#phone").val(),
					userPass:$("#password").val()
				},
				success:function(data){
					if(data=="1"){
						alert("注册成功");
						location.href="index.html";
					}else {					
						alert("注册失败");
					}
				}
			})
		});
		$("#login_btn").click(function(){
			$.ajax({
				type:"post",
				url:"php/login.php",
				async:true,
				data:{
					userPhone:$("#phone").val()
				},
				success:function(data){
					if(data=="1"){
						alert("登录成功");
						location.href="index.html";
					}else {					
						alert("登录失败");
					}
				}
			})
		});
	});
<!--</script>-->
<script>

</script>

























































